@charset "UTF-8";

.t_bounceInLeft1 {
    animation: t_bounceInLeft1 2s;
}

@keyframes t_bounceInLeft1 {
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.t_bounceInLeft2 {
    animation: t_bounceInLeft2 2s;
}

@keyframes t_bounceInLeft2 {
    0% {
        opacity: 0;
        transform: translate3d(-2700px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.t_bounceInRight1 {
    animation: t_bounceInRight1 2s;
}

@keyframes t_bounceInRight1 {
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.t_bounceInTop1 {
    animation: t_bounceInTop1 2s;
}

@keyframes t_bounceInTop1 {
    0% {
        opacity: 0;
        transform: translate3d(0px, -500px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.t_transScale1 {
    animation: t_transScale1 2s;
}

@keyframes t_transScale1 {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.t_transScale2 {
    animation: t_transScale2 2s;
}

@keyframes t_transScale2 {
    0% {
        transform: rotate(0deg) scale(0);
    }
    100% {
        transform: rotate(720deg) scale(1);
    }
}

.t_transScale3 {
    animation: t_transScale3 3s;
}

@keyframes t_transScale3 {
    0% {
        transform: scale(0);
    }
    10%, 40%, 70% {
        transform: scale(0.8);
    }
    30%, 60% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}